@charset "utf-8";

/*****页面的初始化*****/

* {
	margin: 0;
	padding: 0;
}


/*****页面主体样式*****/

.web {
	position: relative;
	width: 640px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/bg.jpg) no-repeat;
	background-size: 100% 100%;
}


/*****城市的切换键样式*****/

.switching_point {
	position: absolute;
	background: none;
	top: 37px;
	left: 45px;
	cursor: pointer;
	z-index: 9999;
}

.switching_point img {
	width: 100%;
	height: 100%;
}


/*****广东地图定位样式*****/

.map_wrap {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	/*修改了高度*/
	height: 70%;
	overflow-x: hidden;
}


/*广东省样式*/

.gd_map,
.hn_map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.map_wrap .guangdong_map {
	transform: scale(1.2);
	position: absolute;
	top: 95px;
	left: 52px;
	max-width: 100%;
}

.map_city {
	/*如果修改图标大小,请修改这里的位置,已保证位置正确*/
	position: relative;
	transform: scale(1.2);
	left: 9px;
	top: -30px;
}

.map_city .city_icon {
	position: absolute;
	width: 40px;
	height: 60px;
	line-height: 25px;
	background: url(../images/city_background_03.png) no-repeat center;
	background-size: 100%;
	text-align: center;
	color: #bf0c21;
}

.city_icon .city_text {
	margin-top: 3px;
	line-height: 15px;
}

.city_text span {
	font-size: 12px;
}

.city_text i {
	font-size: 14px;
	margin-right: 1px;
}

.map_city .gd_city_icon1 {
	/*茂名*/
	top: 287px;
	left: 112px;
}

.map_city .gd_city_icon2 {
	/*阳江*/
	top: 267px;
	left: 187px;
}

.map_city .gd_city_icon3 {
	/*韶关*/
	top: 53px;
	left: 321px;
}

.map_city .gd_city_icon4 {
	/*广州*/
	top: 163px;
	left: 290px;
}

.map_city .gd_city_icon6 {
	/*河源*/
	top: 128px;
	left: 400px;
}

.map_city .gd_city_icon7 {
	/*中山*/
	top: 230px;
	left: 270px;
	z-index: 2;
}

.map_city .gd_city_icon8 {
	/*清远*/
	top: 118px;
	left: 230px;
}

.map_city .gd_city_icon9 {
	/*珠海*/
	top: 260px;
	left: 290px;
	z-index: 3;
}

.map_city .gd_city_icon10 {
	/*佛山*/
	top: 200px;
	left: 250px;
}

.map_city .gd_city_icon11 {
	/*肇庆*/
	top: 180px;
	left: 210px;
}

.map_city .gd_city_icon12 {
	/*江门*/
	top: 260px;
	left: 230px;
}

.map_city .gd_city_icon13 {
	/*惠州*/
	top: 200px;
	left: 380px;
}

.map_city .gd_city_icon14 {
	/*揭阳*/
	top: 190px;
	left: 470px;
}

.map_city .gd_city_icon15 {
	/*汕尾*/
	top: 200px;
	left: 430px;
}

.map_city .gd_city_icon16 {
	/*梅州*/
	top: 100px;
	left: 500px;
}

.map_city .gd_city_icon17 {
	/*潮州*/
	top: 140px;
	left: 530px;
}

.map_city .gd_city_icon18 {
	/*深圳*/
	top: 230px;
	left: 340px;
}

.map_city .gd_city_icon19 {
	/*东莞*/
	top: 200px;
	left: 310px;
}

.map_city .gd_city_icon22 {
	/*汕头*/
	top: 200px;
	left: 500px;
}

.map_city .gd_city_icon23 {
	/*湛江*/
	top: 313px;
	left: 50px;
}


/*海南省样式*/

.map_wrap .hn_map {
	position: absolute;
	left: 0;
	top: 0;
}

.map_wrap .hainan_map {
	position: absolute;
	top: 52px;
	left: 81px;
}

.map_city .hn_city_icon1 {
	/*三亚*/
	top: 301px;
	left: 250px;
}

.map_city .hn_city_icon2 {
	/*海口*/
	top: 38px;
	left: 392px;
}


/*animated动画样式*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}


/*****套装待领取样式*****/

.surplus_number {
	position: absolute;
	top: 404px;
	left: 286px;
	color: #e7c598;
	/*text-shadow: 5px 5px 10px #000000;*/
}

.surplus_number h3 {
	font-size: 28px;
	text-align: right;
	font-weight: 500;
}

.surplus_number h3 span {
	display: inline-block;
	font-size: 40px;
}

.surplus_number h1 {
	margin: -15px 0;
	font-size: 35px;
	font-weight: 500;
}


/*****领取规则样式*****/


/*.get_text{
	position: absolute;		
	top: 552px;
	left: 54px;
}*/

.rule {
	box-sizing: border-box;
	padding: 0 20px;
}

.rule h2 {
	margin: 10px 0;
	font-weight: bold;
	font-size: 35px;
	color: #e7c598;
}

.rule p {
	line-height:40px;
	font-size: 21px;
	color: #e7c598;
}


/*************按钮样式改变*************************/
.F_T{
	width: 318px;
	height: 50px;
	margin: 0 auto;
	margin-top: 15px;
}

/*****跳转按钮样式*****/

.jump_button {
	/*!!!!!!!!!!!修改背景*/
	line-height: 45px;
	font-size: 25px;
	color: #e7c598;
	display: block;
	background: url(../images/jump_button.png) no-repeat left top;
	/*display: block;*/
	/*position: absolute;*/
	top: 899px;
	left: 161px;
}


/*!!!!!!!!!!*/

.footer {
	padding-top: 10px;
}


/*修改向下移动15px*/

.jump_button img {
	margin-top: 15px;
}

@-webkit-keyframes bounceInUp {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInUp {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}


/*****返回底部样式*****/

.get_back {
	position: absolute;
	background: none;
	bottom: 30px;
	right: 30px;
}

.get_back img {
	width: 100%;
	height: 100%;
}

.web .content {
	position: relative;
	width: 100%;
	height: 90%;
	overflow-y: auto;
	/*background: blue;*/
}

.web .footer {
	text-align: center;
	height: 10%;
}


